<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}

			div {
				width: 100px;
				height: 100px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		<div>
			123
		</div>
		<script type="text/javascript">
			//事件对象
			var div = document.querySelector("div");

			//1.event就是一个事件对象,写到我们监听函数的小括号内,当形参使用
			//2.事件对象只有有了事件才会存在,它是系统给我们自动创建的,不需要我们传递参数
			//3.事件对象, 是我们事件的一系列相关数据的集合,跟事件相关的,比如鼠标点击里面包含了鼠标相关的信息,
			// 鼠标坐标等等,如果是键盘事件里面就包含了键盘事件的信息,比如用户按下了哪一个案件
			//4.事件形参名任意命名
			
			
			// div.onclick = function(event) {
			// 	console.log(event);
			// }

			div.addEventListener('click', function(eee) {
				console.log(eee);
			})
		</script>
	</body>
</html>
